@import '@/styles/common/px2rem.scss';
.detail_main{
 width: 100%;
 overflow-y: auto;
 background:#eee;
//  商品图片
 .slide_wrap{
   width: 100%;
   height: px2rem(300);
   position: relative;
   overflow: hidden;
   .slide{
     width: 100%;
     height:100%;
    img{
      width: 100%;
    }
   }
  .slide_left_icon{
    width: px2rem(80);
    height: px2rem(80);
    position: absolute;
    top: 0;
    left: 0;
    img{
      width: 100%;
    }
  }
 }
 .bgc-f{
   background: #ffffff;
 }
//  产品信息
.prod_detail{
  font-size: px2rem(12);
  color: #333;
  padding: 0 px2rem(10);
  background: #fff;
  .cur_price{
    color: #fe4070;
  }
  .price_info{
    display: flex;
    justify-content: space-between;
    line-height: px2rem(20);
    .price{
      .cur_price{
        font-size: px2rem(20);
      }
      strong,
      .cost_price,
      .detail_text{
        color: rgb(95, 95, 95);
        font-size: px2rem(12);
      }
      .cost_price{
        text-decoration: line-through;
        margin: 0 px2rem(4);
      }

    }
    strong{
      font-weight: 400;
    }

  }
  .count_down{
    color: rgb(95, 95, 95);
    font-size: px2rem(12);
  }
  .normal_desc{
    width:100%;
    margin: px2rem(10) 0;
    font-size: px2rem(12);
    line-height: px2rem(20);
    .desc_iconv2{
      display: inline-block;
      background: #fe4070;
      text-align: center;
      color: #ffffff;
      border-radius: px2rem(6);
      width: px2rem(60);
      margin-right: px2rem(4);
    }
  }
  .additional-info{
    width: 100%;
    .introduction-fold,
    .postage-wrap {
      display: flex;
      justify-content: space-between;
      .postage-type{
        color: rgb(107, 106, 106);
      }
    }
    .postage-wrap{
      padding: px2rem(10) 0;
      border-bottom: px2rem(1) solid #dddddd;
    }
  // 说明、运费
    .introduction-wrap{
      // padding: px2rem(10) 0;
      .introduction-fold{
        padding: px2rem(10) 0;
        margin: px2rem(10) 0;
        .iconfont{
          color: #fe4070;
        }

        .introduction-type{
          color: rgb(107, 106, 106);
          width: px2rem(30);
          margin-right:px2rem(30);
        }
        .introduction-list{
          display: flex;
          flex-wrap: wrap;

        }
        .icon-arrow{
          color:  rgb(107, 106, 106);
        }
      }
    }
  }
}
// 评论
.conments{
  width: 100%;
  background: #ffffff;

  .conment-title {
    border-bottom: #eee solid px2rem(1);
    line-height: px2rem(30);
    font-size: px2rem(14);
    padding: px2rem(10);
  }
  .bd-top{
    width: 100%;
    height: 100%;
    .conment-item{
      box-sizing: border-box;
      font-size: px2ren(12);
      color: #333;
      border-bottom: px2rem(1) solid #eee;
      padding: px2rem(10);
    // 用户
      .block{
        display: inline-block;
        font-size: px2rem(12);
        color: #333;
        .mbottom12{
          display: flex;
          margin-bottom: px2rem(10);
          .top-img{
            margin-right: px2rem(6);
            width: px2rem(40);
            height: px2rem(40);
            border-radius: 50%;
            img{
              width: 100%;
            }
          }
          .top-info{
            .info-name{
              .fl{
                display: inline-block;
                width: px2rem(12);
                height: px2rem(12);
                img{
                  width:100%;
                }
              }
            }
            .color9{
              margin-top: px2rem(6);
              color: rgb(194, 191, 191);
            }
          }
        }
        // w评论
        .comment-text{
          width: 100%;
          word-break: break-all;
          .tip_tag {
            color: rgb(80, 125, 175);
          }

        }
        .time-box-hidden{
          color: rgb(197, 194, 194);
          margin: px2rem(10) 0;
        }
      }
      // 图片
      .conment-img-list{
        width: 100%;
        img{
          width: px2rem(80);
          margin-left:px2rem(10);
          height: px2rem(80);
          display: inline-block;
        }
      }
      // 评论数
      .conment-praise{
        font-size: px2rem(12);
        text-align: end;
        .praise-num{
          margin-left:px2rem(6);
        }
      }
    }

  }
}

// 购买、添加
.buy-box{
  width: 100%;
  height: px2rem(46);
  display: flex;
  position: fixed;
  bottom: 0;
  background: #ffffff;
  border-top: #dddddd solid px2rem(1);
  .icon-block{
    flex: 1;
    height: 100%;
    .block-style{
      width: 50%;
      height: 100%;
      display: inline-block;
      font-size: px2rem(12);
      color: #979797;
      text-align: center;
      position: relative;
      .iconfont{
        display: block;
        margin-top: px2rem(10);
      }
    }
    // 购物车
      .addNum{
        position: absolute;
        top: 0;
        right: px2rem(4);
        display: block;
        width: px2rem(20);
        height: px2rem(20);
        background: #fe4070;
        border-radius: 50%;
        text-align: center;
        line-height: px2rem(20);
        color: #ffffff;
        font-size: px2rem(10);
      }
  }
  .button-block{
    flex: 2;
    height: 100%;
    .add-shopping-cart{
      width: 50%;
      height: 100%;
      font-size: px2rem(16);
      border: 0;
    }
    .add-shopping-cart-new{
      background: linear-gradient(210deg,#ffcfdf,#fff1f6 98%);
      color: #fe4070;
    }
    .add-shopping-cart-direct{
      background: linear-gradient(142deg,#ff5593,#fe4070);
      color: #fff;
    }
  }

}

}
